<div class="usercenter">

	<div class="index-top">
		<p>{{'index-my-Page.html1' | translate}}</p>
		<h1 (click)='onOutsize(true)'>{{'index-my-Page.html2' | translate}}</h1>
	</div>

	<div class="uc-head">
		<div class="uc-info-card">
			<div class="uc-info-card-top">
				<div class="uc-info-header"><img src="../../assets/images/usercenter/header.png" /></div>
				<div class="uc-info-level">
					<h3>{{userDel.loginId}}</h3>
				</div>

			</div>
			<div class="uc-info-card-bottom">
				<div class="uc-info-amount">
					<div class="amount-number" *ngIf="!showAmount"><img
							src="../../assets/images/usercenter/USDT.png" />******</div>
					<div class="amount-number" *ngIf="showAmount"><img
							src="../../assets/images/usercenter/USDT.png" />{{balance}} Jpoint</div>
					<h4>
						<span (click)="toggleAmount()">
							<img src="../../assets/images/usercenter/icon-eye.png" *ngIf="!showAmount" />
						</span>
						<span (click)="toggleAmount()">
							<img src="../../assets/images/usercenter/icon-eye-active.png" *ngIf="showAmount" />
						</span>
					</h4>
				</div>
				<div class="uc-info-amount" (click)='onLHCZ()'>
					<div class="amount-number"><img src="../../assets/images/usercenter/cz.png" /></div>
					<div class="amount-number" style="margin-left: 0;">{{'index-my-Page.html9' | translate}}</div>
				</div>
			</div>
		</div>
	</div>

	<div class="list">
		<ul>
			<li routerLink="/updatePwd/1">
				<img src="../../assets/images/usercenter/1.png" alt="">
				<div>
					<p>{{'index-my-Page.html3' | translate}}</p>
				</div>
				<h4>></h4>
			</li>
			<li routerLink="/updatePwd/2">
				<img src="../../assets/images/usercenter/2.png" alt="">
				<div>
					<p>{{'index-my-Page.html4' | translate}}</p>
				</div>
				<h4>></h4>
			</li>
			<li routerLink="/jyjl">
				<img src="../../assets/images/usercenter/3.png" alt="">
				<div>
					<p>{{'index-my-Page.html5' | translate}}</p>
				</div>
				<h4>></h4>
			</li>
			<li>
				<img src="../../assets/images/usercenter/4.png" alt="">
				<div>
					<p>{{'index-my-Page.html6' | translate}}</p>
				</div>
				<h4>></h4>
			</li>
			<li>
				<img src="../../assets/images/usercenter/5.png" alt="">
				<div>
					<p>{{'index-my-Page.html7' | translate}}</p>
				</div>
				<h4>></h4>
			</li>
		</ul>
	</div>
	<div class="zxkf">
		<img src="../../assets/images/usercenter/kefu.png" alt="">
		<p>{{'index-my-Page.html8' | translate}}</p>
	</div>
</div>


<div class="fixed-box" *ngIf="dialogShow">
	<div class="pay-sure-box">
		<h3>{{'MSG.chickout-msg' | translate}}</h3>
		<div style="display: flex;">
			<button class="btn-primary" (click)="chickOut()">{{'OK' | translate}}</button>
			<button class="btn-default" (click)="cancel()">{{'cancel' | translate}}</button>
		</div>
	</div>
</div>
